<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>首页</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
</head>
<style>
    body {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .rnx-body{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .rnx-main{
        width: 90%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .rnx-header{
        width: 100%;
        height: 40%;
        border: solid 1px #00F7DE;
        background-color: #acacac;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .rnx-echarts{
        width: 100%;
        height: 60%;
        border: solid 1px #00F7DE;
    }

</style>
<body class="gray-bg">
<div class="rnx-body">
    <div class="rnx-main">
        <!--轮播图-->
        <div class="rnx-header">
            <h1>轮播图 先欠着</h1>
        </div>
        <!--图表区-->
        <div class="rnx-echarts">
            <div id="echarts_i" style="height: 50%">

            </div>
            <div id="echarts_s" style="height: 50%">

            </div>
        </div>
        <footer style="position: relative;top: 40px">
            <p>&copy; <a>https://yangtaoer.com.cn</a> 2022</p>
        </footer>
    </div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/echarts-5.3.1.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/js/custom/main.js}"></script>
</body>
</html>
